<style>
body{
  margin-left:0px;
  margin-bottom:0px;
  margin-right:0px;
  margin-top:0px;
  background:#feffe1;
  }
.warp{
  width:320px;
  overflow:hidden;
  background:#feffe1;
  height:auto;
  position:absolute;
  left: 0px;
  top: 0px;
}
.warp .yuer-title{
  height:40px;
   width:320px;
  background:#dae6b3;
  filter: Alpha(opacity=50);   
     -moz-opacity:.5;   
    opacity:0.5;
  top:0px;
  line-height:58px;
  left:0px;
  color:#243d16;
  position:absolute;
  vertical-align:middle;
  }
.warp .title1{
  float:left;
  margin-left:10px;
  line-height:40px;
  font-size:18px;
  color:#243d16;
  position:absolute;
  font-weight:bold;
  z-index:100;
  }
.warp .yuer-title .title1{
  float:left;
  font-weight:bold;
  margin-left:10px;
  font-size:22px;
  color:#243d16;
filter: Alpha(opacity=100);   
     -moz-opacity:1;   
    opacity:1.0;  
  }  
.warp .yuer-title .dates{
  float:right;
  margin-right:10px;
  color:#889778;
  font-size:20px;
  }
.warp .yuer-img{
   width:320px;
  height:210px;
  /*position:absolute;*/
  top:0px;
  left: 0px;
}
.warp .yuer-img img{
  width:320px;
  height:210px;
}
.warp .yuer-img .mask{
  position:absolute;
  width:320px;
  height:210px;
  background:url(../img/mask) repeat-x bottom;
  }
.warp .yuer-content{
  z-index:100;
  /*position:absolute;*/
  left:0px;
  width:320px;
  height:auto;
}
.warp .yuer-content .content{
  color:#484647;
  line-height:25px;
  margin-left:8px;
  margin-right:6px;
  font-size:16px;
  }
</style>